<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-2.1.0.min.js"></script>
    <script src="./js/base.js"></script>
    <script src="./js/addDishes.js"></script>
    <link rel="stylesheet" href="./css/bace.css">
    <link href="./css/addDishes.css" rel="stylesheet" />
    <link rel="stylesheet" href="./img/1.jpg">


</head>

<body>
    <div class="menu">
        <div class="menu-top">
            <img src="./img/1.jpg" />
            <!-- 子绝父相 -->
            <span id="user">超级玛丽</span>
             <div id="user_dialog">
                <a href="#">用户信息</a>
                <a href="./login.html">注销</a>
            </div>
        </div>
        <ul>
            <li>
                <a href="./showDishes.html">菜品查询</a>
            </li>
            <li style="background: #3CB7E8;">
                <a href="./addDishes.html">菜品添加</a>
            </li>
        </ul>
    </div>
    <div class="content">
        <div class="content-top">
            <h2> <a style="color: #000;" href="./index.html">美团后台管理系统</a></h2>
            </h2>
        </div>
        <div class="content-ct">
            
                <div class="content-ct-inner">
                    <div class="dishesCategory">
                        <button>菜品分类添加</button>
                    </div>
                    <div class="dishes-input-div">
                        <div>菜品名称</div>
                        <input name="dish_name" id="dish_name" placeholder="请输入菜品名称" class="dishes-input" type="text" />
                    </div>
                    <div style="clear: both;"></div>
                    <div class="dishes-input-div">
                        <div>菜品所属分类</div>
                        <select name="dishesCategory" id="dishCategory">
                            <option value="0">请选择菜品分类</option>
                        </select>
                    </div>
                    <div style="clear: both;"></div>
                    <div class="dishes-input-div">
                        <div>菜品价格</div>
                        <input name="price" id="price" placeholder="请输入菜品价格" class="dishes-input" type="text" />
                    </div>
                    <div class="dishes-input-div">
                        <div>样品图片</div>
                    </div>
                    <div style="clear: both;"></div>
                    <div class="dishes-input-div">
                        <button id="saveDish">保存</button>
                        <button>取消</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</body>

</html>